<template>
	<view :style="{'paddingTop':paddingTop}">
		<view class="w100p bg fs14" :style="{'background':bgColor,'height':height}">
			<image class="w100p h100p dian-img" src="../../static/images/dian.png"></image>
		</view>
	</view>
</template>

<script>
	import Navigation from "@/components/header/navigation.vue"
	export default {
		components: {
			Navigation,
		},
		props: {
			backStatus: {
				type: Boolean,
				default: true
			},
			title: {
				type: String,
				default: ""
			},
			rightValue: {
				type: String,
				default: ""
			},
			height: {
				type: String,
				default: "216rpx"
			},
			paddingTop: {
				type: String,
				default: "0px"
			},
			bgColor: {
				type: String,
				default: "linear-gradient(180deg, #ff3140 0%, #ff3140 100%)"
			},
		},
		data() {
			return {

			}
		},
		mounted() {},
		methods: {
			back() {
				uni.navigateBack()
			},
		}
	}
</script>

<style>
	.bg {
		border-radius: 0rpx 0rpx 40rpx 40rpx;
	}

	.h58 {
		height: 116rpx;
	}

	.ml5 {
		margin-left: 10rpx;
	}

	.dian-img {
		width: 200rpx;
		height: 100rpx;
		margin-top: 100rpx;
	}
</style>